@import "../common/variables";

.nav_fixed{
  position: fixed;
  top:0px;
  left: 0px;
  z-index: 100;
}
.J_bar {
  background: #374250;
  color: #fff;
  padding: 10px 0;
  span{
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    &:before{
      content: '';
      display: block;
      position: absolute;
      left: 0px;
      top:50%;
      margin-top: -8px;
      width: 16px;
      height: 16px;
    }
  }
  span.phone:before{
    background: url("/static/images/icon/icon-1.png") no-repeat;
  }
  span.email:before{
    background: url("/static/images/icon/icon-2.png") no-repeat;
  }
  span.addr:before{
    background: url("/static/images/icon/icon-3.png") no-repeat;
  }
}
.J_nav {
  position: relative;
  .bg-cover{
    position: absolute;
    top:0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #ffffff;
  }
  .inner{
    position: relative;
    padding: 30px 0;
  }
  .logo {
    // margin-left: 20px;
  }
  .nav-menu {
    &>li{
      position: relative;
      line-height: 35px;
      margin-right: 90px;
      float: left;
      color: #ffffff;
      font-size: $font-size-large;
      cursor: pointer;
      &>a,span{
        transition: all 0.5s;
        color: $text-color-main;
      }
    }
    &>li.active{
      &>a, span{
        // color: $text-color-active;
      }
      &:before{
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: -38px;
        width: 100%;
        height: 3px;
        background: $text-color-active;
      }
    }
    &>li:hover{
      &>a,span{
        color: $text-color-active;
      }
    }
  }
}
